@charset "utf-8";


@import "common/reset";
@import "common/mixincommon";
 
 
@function n($px){
     @return $px/2;
}


.web{
    position: ralative;
    width: 100%;
    overflow: hidden;
    padding-bottom:61px;
    header{
        height:n(150px);
        .left{
            width: n(146px);
            img{
                width: n(123px);
                margin-top: n(23px);
                margin-left: n(17px);
            }
        }
        .right{
            width: n(184px);
            select{
                -webkit-appearance: none;   //清除默认样式
                width:n(159px);
                height: n(55px);
                border:n(2px) solid #ff9344;
                background: url(../img/jiantou.png) no-repeat right n(12px) top n(22px) #ffffff;
                background-size: n(30px) n(16px);
                border-radius: n(3px);
                text-indent: n(13px);
                margin-right: n(22px);
                margin-top: n(48px);
                font-size: n(26px);
            }
        }
        .center{
            overflow: hidden;
            .search{
                margin: 0 auto;
                width: n(268px);
                height: n(54px);
                border:n(2px) $border-color solid ;
                border-radius: n(25px);
                margin-top: n(51px);
                line-height: n(54px);
                font-size: 0;
                input{
                    height: n(50px);
                    line-height: n(50px);
                    margin-left: n(18px);
                    padding-left: n(4px);
                    font-size: n(24px);
                    border: none;
                    background: none;
                    width: n(195px);
                    vertical-align: middle;
                }
                i{
                    vertical-align: middle;
                    color: $border-color;
//                  margin-left: n(-13px);
                }
            }
        }
    }
    footer{
        position: fixed; 
        bottom: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        margin-top: 40px;
        ul{
            li{
                float: left;
                width: 25%;
                a{
                    display: block;
                    text-align: center;
                    color: #000;
                    font-size: 0;
                    i{
                        font-size: n(68px);
                        color: $border-color;
                    }
                    h2{
                        margin-bottom: n(12px);
                        font-size: n(26px);
                        margin-top: n(-4px);
                    }
                }
            }
        }// last of ul   
    }
}

/***公共部分***/
header{
    /***返回按钮***/
    .back{
        width: n(123px);
        height: n(57px);
        @include border;
        border-radius: n(28px);
        text-align: center;
        margin-top: n(48px);
        margin-left: n(23px);
        line-height: n(57px);
        a{
           border: none;
           font-size: $font-26;
           color: #000000;
           vertical-align: middle;
        }
    }
    .center_title{
        overflow: hidden;
        text-align: center;
        padding-top: n(53px);
        span{
        }
    }
}

/***中间公共部分***/
section{
    /***标题***/
   .s_title{
       width: 100%;
       margin: n(20px) auto n(12px);
       padding: 0 n(20px);
       i{
           color: $border-color;
       }
       div{
           &.left{
               i{
                   font-size: n(56px);
                   vertical-align: middle;
               }
               span{
                   display: inline-block;
                   font-size: n(30px);
                   color: #000000;
                   vertical-align:middle;
                   margin-left: n(10px);
               }
           }
           &.right{
              line-height: 21px; 
              margin-top:n(20px) ;
              i{
                  font-size:n(26px);
                  vertical-align: middle;
              } 
              span{
                   display: inline-block;
                   font-size: n(24px);
                   color: #000000;
                   vertical-align: middle;
                   margin-right: n(10px);
               }
           }
        }
    }
    /******/
}
